<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>思德网</title>
<link rel="stylesheet"  href="${ctx.resource}/front_css/style.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>


</head>
  
  <body>
	
<div class="singin">
<div class="w"><img src="${ctx.resource}/images/signin.jpg" /></div>
</div>

<div class="wrap">
	<div class="banner-show" id="js_ban_content">
		<div class="cell bns-01">
			<div class="con">
			</div>
		</div>
		<div class="cell bns-02" style="display:none;">
			<div class="con">
				<a href="http://www.17sucai.com" target="_blank" class="banner-link">
				<i>圈子</i></a> </div>
		</div>
		<div class="cell bns-03" style="display:none;">
			<div class="con">
				<a href="http://www.17sucai.com" target="_blank" class="banner-link">
				<i>企业云</i></a> </div>
		</div>
	</div>
<script type="text/javascript">
;(function(){
	
	var defaultInd = 0;
	var list = $('#js_ban_content').children();
	var count = 0;
	var change = function(newInd, callback){
		if(count) return;
		count = 2;
		$(list[defaultInd]).fadeOut(400, function(){
			count--;
			if(count <= 0){
				if(start.timer) window.clearTimeout(start.timer);
				callback && callback();
			}
		});
		$(list[newInd]).fadeIn(400, function(){
			defaultInd = newInd;
			count--;
			if(count <= 0){
				if(start.timer) window.clearTimeout(start.timer);
				callback && callback();
			}
		});
	}
	
	var next = function(callback){
		var newInd = defaultInd + 1;
		if(newInd >= list.length){
			newInd = 0;
		}
		change(newInd, callback);
	}
	
	var start = function(){
		if(start.timer) window.clearTimeout(start.timer);
		start.timer = window.setTimeout(function(){
			next(function(){
				start();
			});
		}, 8000);
	}
	
	start();
	
	$('#js_ban_button_box').on('click', 'a', function(){
		var btn = $(this);
		if(btn.hasClass('right')){
			//next
			next(function(){
				start();
			});
		}
		else{
			//prev
			var newInd = defaultInd - 1;
			if(newInd < 0){
				newInd = list.length - 1;
			}
			change(newInd, function(){
				start();
			});
		}
		return false;
	});
	
})();
</script>

<script type="text/javascript">
var FancyForm=function(){
	return{
		inputs:".reg-form input",
		setup:function(){
			var a=this;
			this.inputs=$(this.inputs);
			a.inputs.each(function(){
				var c=$(this);
				a.checkVal(c)
			});
			a.inputs.live("keyup blur",function(){
				var c=$(this);
				a.checkVal(c);
			});
		},checkVal:function(a){
			a.val().length>0?a.parent("div").addClass("val"):a.parent("div").removeClass("val")
		}
	}
}();
</script>

	<div class="container">
		<div class="register-box">
			<div class="reg-slogan">
				<span>ASDAN会员</span><a href="regist_Select.jsp">立即注册</a></div>
			<div class="reg-form" id="js-form-mobile">
				<br>
				<br>
				<div class="cell">
					<label for="js-mobile_ipt">邮箱/用户名</label>
					<input type="text" name="mobile" id="js-mobile_ipt" class="text" maxlength="11" />
				</div>
				<div class="cell">
					<label for="js-mobile_pwd_ipt">密码</label>
					<input type="password" name="passwd" id="js-mobile_pwd_ipt" class="text" />
					<input type="text" name="passwd" id="js-mobile_pwd_ipt_txt" class="text" maxlength="20" style="display:none;" />
					<b class="icon-form ifm-view js-view-pwd" title="查看密码" style="display: none">
					查看密码</b> </div>
				<!-- !短信验证码 -->
				<div class="zd">
<label class="remember"><input name="remember" type="checkbox" checked/>下次自动登录 </label>
		<a href="#" class="forgot">忘记密码？</a>
				</div>
				<div class="bottom">
					<a id="js-mobile_btn" href="javascript:;" class="button btn-green">
					登录</a></div>
                  <div class="zh">
                  <p>使用第三方软件账号登录</p>
                  <p><a href="#">QQ</a> | <a href="#">微信</a></p>
                  </div>  
			</div>
			<div class="reg-form" id="js-form-mail" style="display: none;">
				<div class="cell">
					<label for="js-mail_ipt">输入你的常用邮箱</label>
					<input type="text" name="email" id="js-mail_ipt" class="text" />
				</div>
				<div class="cell">
					<label for="js-mail_pwd_ipt">设置密码</label>
					<input type="password" name="passwd" id="js-mail_pwd_ipt" class="text" />
					<input type="text" name="passwd" id="js-mail_pwd_ipt_txt" class="text" maxlength="20" style="display:none;" />
					<b class="icon-form ifm-view js-view-pwd" title="查看密码" style="display: none">
					查看密码</b> </div>
				<!-- !短信验证码 -->
				<div class="cell vcode">
					<label for="js-mail_vcode_ipt">输入验证码</label>
					<input type="text" name="code" id="js-mail_vcode_ipt" class="text" maxlength="4" />
					<img id="js-mail_vcode_img" src="http://passport.115.com/?ct=securimage&ac=email" alt="code" />
					<span>
					<a id="js-mail_vcode_a" href="javascript:;" code_src="http://passport.115.com/?ct=securimage&amp;ac=email">
					换一张</a></span> </div>
				<div class="user-agreement">
					<input type="checkbox" id="js-mail_chk" checked="true" />
					<label for="js-mail_chk">同意<a href="http://115.com/agreement.html" target="_blank">《115网盘用户服务协议》</a></label>
				</div>
				<div class="bottom">
					<a id="js-mail_btn" href="javascript:;" class="button btn-green">
					立即注册</a></div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
	FancyForm.setup();
});
</script>
<div class="footer" >
<p><a href="#">联系我们</a>
<a href="#">意见反馈</a>
<a href="#">常见问题</a>
<a href="#">法律说明</a>
<a href="#" style=" background:none">招贤纳士</a></p>
<p>© 2011-2015   北京思德国际教育有限责任公司  版权所有  SeedChina. Co.,  京ICP备11018711号</p>
</div>
  	
  </body>
</html>